<div class="teste">
    
</div>

<div class="telao">
    <div class="telona">
        <? echo $this->Html->image('_telao/blank.png', array('class' => 'foto')); ?>
    </div>
</div>

<script>
    
    var id = 0;
    function novasFotos(id_last)
    {
        $.post("scraps/last", {id_last: id_last},
            function(data) {
            //alert("Data Loaded: " + data);
            //$('.teste').html(data);
            
            if(data.indexOf('^') > 0)
            {
                id = n[1];
                
                alert(id);
            }
            else
            {
                var n=data.split("@");
                id = n[1];
                type = n[2];
                argumento = n[3];
                
                if(type=='image')
                {
                    postaFoto(id, type, argumento);
                }
                else
                {
                    postaComment(id, argumento);
                }
                
            }
            
            $('.teste').html(id);
        });
        window.setTimeout('novasFotos(id)', 2000);
    }
    
    function postaFoto(id,type,argumento)
    {
         $(".telao").prepend(''+
            '<div class="telona" data-id="'+id+'" id="divPic_'+id+'" style="display:none;" onclick="chamaModal(\''+id+'\')">'+
                '<img src="'+argumento+'" class="foto bordaImg categoria_img" id="foto_'+id+'" style="display:none; width: 100px;"/>'+
            '</div>');
            if($("#divPic_"+id).show('slow')){$('#foto_'+id).fadeIn(1790);}
    }
    function postaComment(id,argumento)
    {
         $(".telao").prepend(''+
            '<div class="telona" data-id="'+id+'" id="divPic_'+id+'" style="display:none;" onclick="chamaModal(\''+id+'\')">'+
                argumento+
            '</div>');
            if($("#divPic_"+id).show('slow')){}
    }

    $(document).ready(function()
    {
        window.setTimeout('novasFotos(id)', 2000);
    });
</script>